<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>省市区联动</title>
    <!--样式文件-->
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>

<body>
    <div class="form-group">
        <div class="col-sm-2">
            <select class="form-control " required="" data-bind="options: ProvinceCollection, optionsCaption: '请选择省份...',
                    optionsValue: function (item) { return item.baseId; },
                    optionsText: function (item) { return item.baseName; }, value: Province,
                    valueUpdate: 'change'"
                id="Province" name="Province"></select>
            <input type="hidden" name="Province" />
        </div>
        <div class="col-sm-2">
            <select class="form-control " required="" data-bind="options: CityCollection, optionsCaption: '请选择城市...',
                    optionsValue: function (item) { return item.baseId; },
                    optionsText: function (item) { return item.baseName; }, value: City,
                    valueUpdate: 'change'"
                id="City" name="City"></select>
            <input type="hidden" name="City" />
        </div>
        <div class="col-sm-2">
            <select class="form-control " required="" data-bind="options: DistrictCollection, optionsCaption: '请选择区县...',
                    optionsValue: function (item) { return item.baseId; },
                    optionsText: function (item) { return item.baseName; }, value: District,
                    valueUpdate: 'change'"
                id="District" name="District"></select>
            <input type="hidden" name="District" />
        </div>
    </div>
	<!--基础js-->
    <script src="js/common/jquery.min.js"></script>
    <script src="js/rein/knockout.js"></script>
    <!--本页面js-->
	<script src="js/api.js"></script>
	<script src="js/linkage.js"></script>
</body>

</html>